<template>
	<div>
		<view style="display: flex;flex-direction: column;text-align: center;margin: 20px auto;padding-top: 15%;width: 80%;">
			<span style="text-align: center;font-size: 21px;color: #18bc37;">
				<uni-icons type="checkmarkempty" size="20" color="#18bc37"></uni-icons>
				注册成功
			</span>
			<view
				style="display: flex;flex-direction: column;background-color: #ffffff;margin: 10px;padding: 15px;border-radius: 12px;">
				<view style="display: flex;">
					<text style="width: 100px;">您的服务商ID：</text>
					<text style="font-weight: bold;">{{formData.deptId}}</text>
				</view>
				<view style="display: flex;margin-top: 20px;">
					<text style="width: 100px;">注册手机账号：</text>
					<text>{{formData.phonenumber}}</text>
				</view>
				<view style="display: flex;margin-top: 20px;">
					<text style="width: 100px;">注册时间：</text>
					<text>{{formData.createTime}}</text>
				</view>

			</view>
			<view style="display: flex;align-items: center;justify-content: center;color: #bf5f09;height: 100px;">
				<text>*请务必将服务商ID记下哦~</text>
			</view>
			<view class="action-btn">
				<button @click="returnLogin" hover-class="btnHover" class="login-btn">返回登录</button>
			</view>
		</view>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				formData: {}
			}
		},
		onLoad(e) {
			this.formData=e.result
		},
		methods: {
			returnLogin() {
				uni.navigateTo({
					url:'/pages/login/login'
				})
			}
		},
	}
</script>

<style scoped>
	.login-btn {
		margin-top: 40px;
		height: 45px;
		background-color: #0081ff;
		color: white;
	}

	.btnHover {
		transform: translate(1px, 1px);
	}
</style>